<!DOCTYPE html>
<meta charset="UTF-8">
<style type="text/css">
.bodyClsTest {
	overflow: auto;
	border-left: 1px solid red !important;
	border-right: 1px solid red !important;
	border-top: 0px solid red !important;
	border-bottom: 1px solid red !important;
	background: #cccccc !important;
}

.headerClsTest {
	border-left: 1px solid red !important;
	border-right: 1px solid red !important;
	border-top: 1px solid red !important;
	border-bottom: 1px solid red !important;
	background: #339999 !important;
}

.accordionClsTest {
	border-width: 12px !important;
	border-color: #00ccff !important;
}
</style>
<div style="padding: 10px; width: 230px; height: 390px;">
	<div data-type="accordion" data-defs="accordionCls:'accordionClsTest',fit:true">
		<div title="关于" data-defs="iconCls:'icon-ok',bodyCls:'bodyClsTest',headerCls:'headerClsTest'"
			style="overflow: auto; padding: 10px;">
			<h3 style="color: #0099FF;">jQuery 导航条</h3>
		</div>
		<div title="树型菜单"
			data-defs="iconCls:'icon-search',selected:true,bodyCls:'accordion-body',
				tools:[{
					iconCls:'icon-reload',
					handler:function(){
						alert('刷新');
					}
				}]"
			style="padding: 0px;">样式自定义</div>
	</div>
</div>
